<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <title>SUHCK - Sistema Unificado Hospitalar de Controle Kabuloso </title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="title" content="Web site" />
    <meta name="description" content="Site description here" />
    <meta name="keywords" content="keywords here" />
    <meta name="language" content="en" />
    <meta name="subject" content="Site subject here" />
    <meta name="robots" content="All" />
    <meta name="copyright" content="Your company" />
    <meta name="abstract" content="Site description here" />
    <meta name="MSSmartTagsPreventParsing" content="true" />
    <link id="theme" rel="stylesheet" type="text/css" href="style.css" title="theme" />
  <script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
  <script src="jQueryAssets/jquery-ui-1.9.2.tabs.custom.min.js" type="text/javascript"></script><script src="jQueryAssets/jquery-ui-1.9.2.button.custom.min.js" type="text/javascript"></script>
  <link rel="stylesheet" href="js/jquery-ui-1.11.2/jquery-ui.structure.css">
  <link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css" />
  <link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css" />
  <link href="jQueryAssets/jquery.ui.tabs.min.css" rel="stylesheet" type="text/css" />
  <link href="jQueryAssets/jquery.ui.button.min.css" rel="stylesheet" type="text/css" />
  </head>
  <body> 
    <div id="wrapper"> 
      <div id="bg"> 
        <div id="header"></div>  
        <div id="page"> 
          <div id="container"> 
            <!-- banner -->  
            <div id="banner"></div>  
            <!-- end banner -->  
            <!-- horizontal navigation -->  
            <div id="nav1"> 
              <ul>
                <li>
                  <a href="InicioGerente.jsp" shape="rect">Pagina Inicial</a>
                </li>
                               <li>
                  <a href="InicioGerente.jsp">Voltar </a>
                </li>
                <li> <blockquote></blockquote></li>
                <li> <blockquote></blockquote></li>
                <li> <blockquote></blockquote></li>
                <li> <blockquote></blockquote></li>


                <li> <blockquote></blockquote></li>
                <li>
                  <a href="Front?action=logout">Sair </a>
                </li>
              </ul> 
            </div>  
            <!-- end horizontal navigation -->  
            <!--  content -->  
            <div id="content">
            <div id="center"> 
            <div id="welcome"> 
                  <h2>PAINEL GERENTE - Atendente</h2><br />
                  
                  <!--EspaÃ§os-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               
               <a href="InserirAtendente.jsp"><img src="images/atendenteadd.JPG" width="45" height="70"  alt=""/></a>
               
               <!--EspaÃ§os-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               
               <a href="BuscarAtendente.jsp"><img src="images/Buscar.JPG" width="55" height="70"  alt=""/></a>
               <p><a href="InserirAtendente.jsp">Inserir Atendente</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="BuscarAtendente.jsp">Buscar Atendente</a>  
                
            <p><br /> <br />

              
              <h2>Lista de Atendentes</h2>
                                
                  <br />
              
              <table width="500" border="1">
                    <tr>
                        <th scope="col">Nome</th>
                        <th scope="col">Telefone</th>
                        <th scope="col">CPF</th>
                        <th scope="col">Editar</th>
                        <th scope="col">Deletar</th>
                   </tr>

                    <c:forEach items="${atendentes}" var="atendente">
                        <tr>
                            <td>${atendente.nome}</td>
                            <td>${atendente.telefone}</td>
                            <td>${atendente.cpf}</td>
                            <td><a href="Front?action=buscarAtendente&id=${atendente.id}">Editar</a></td>
                            <td><a href="Front?action=removerAtendente&id=${atendente.id}">Deletar</a></td>
                        </tr>
                    </c:forEach>            
              </table>
                  
                  
            </div>
            </div>
              </div>
              <div class="clear" style="height:40px"></div> 
            </div>  
            <!-- end content --> 
          </div>  
          <!-- end container --> 
        </div>  
        <div id="footerWrapper"> 
          <div id="footer"> 
            <p style="padding-top:10px"> 
                          </p> 
          </div> 
        </div> 
      </div> 
    </div>
  <script type="text/javascript">
$(function() {
	$( "#Button1" ).button(); 
});
$(function() {
	$( "#Tabs1" ).tabs({
		heightStyle:"content"
	}); 
});
$(function() {
	$( "#Checkboxes1" ).buttonset(); 
});
  </script>
  </body>
</html>
